﻿/*MASTER PAGE*/
body {margin:0px; height:100%;cursor:default; padding:0px; font-family:RotisSansSerif ;}
h5 {text-align:center;}

#General
{
   height: 100%;         
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E4E4E4));
   background: -moz-linear-gradient(top, #FFFFFF, #E4E4E4);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E4E4E4, GradientType=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E4E4E4)";
}

.EtiquetaMensaje 
{
    float:left;
    width:100%;
	padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    border:0px;
    color:#005497;
    font-size:11px;
    font-weight:bold;
    font-family:Verdana, Geneva, sans-serif;
}

#arriba
{	position:relative; width:100%; height:40px;}
#arriba #logo a
{ 
    text-decoration:none;     
    padding-top:10px; 
    padding-left:5px;
    padding-bottom:5px;              
    float:left;
	width:78px; height:34px; 
	position:absolute; top:0px; left:0px;
}

#arriba #Sesion
{   
    text-align:right;    
    line-height:22px;
	position:absolute; bottom:1px; right:1px; font-size:10px; font-family:Verdana, Geneva, sans-serif;color:#FFFFFF; font-weight:700;
}
#arriba #Sesion a{ text-decoration:none; padding-top:3px; padding-bottom:3px; padding-left:8px; padding-right:8px; background:#0280C5; color:#FFFFFF; border-radius:3px;-moz-box-shadow: 0px 0px 2px #bbb; -webkit-box-shadow: 0px 0px 2px #bbb; box-shadow: 0px 0px 2px #bbb;}
#arriba #Sesion a:hover{background:#0B5EAA;}

#arriba #NombreCompleto
{   text-align:right; line-height:22px;  font-size:7px; color:#005497; font-family:Verdana, Geneva, sans-serif; font-weight:700; width:79.5%; position:absolute; top:0px; right:0px;}


#BarraL_1
{
    font-size:12px;
    width:100%;
    margin-bottom:0px;
    text-align:center;
    color:#eeeeee;
    background-image:url(/Trilcemovil/Imagenes/Img_SepLog.jpg);
    background-repeat:repeat-x;
    height:20px;
}

#abajo 
{
    background-image:url(../Imagenes/Img_SepLog_R.jpg);
    background-repeat:repeat-x;
    color:#eeeeee; 
    font-size:10px; 
    font-family:Verdana, Geneva, sans-serif; 
    width:100%;
    float:left;
    padding:6px 0px 0px 0px;
    text-align:center;   
    height:23px;
    
}

/*PERFIL DE USUARIO*/
#Perfil 
{
    width:100%;
    text-align:center; 
    margin-bottom:5px; 
    display:inline-block;
}

#Contenido{ width:100%;text-align:center; display:inline-block;}
#Contenido ul{list-style:none; padding:0px; margin:0px;}
#Contenido ul li{ width:100%; float:left; margin-bottom:5px; margin-top:5px;}

/*PARA DETALLE EVENTO*/
#DivEventos tr{ background:#FFF;  }
#DivEventos tr:hover{background:#F3F3F3;}
#DivEventos tr td{border-bottom:1px solid #D5D5D5;}
#DivEventos tr td.evento div{width:40px; font-size:16px; font-weight:bold; text-align:center; display:block; border-right:1px #F09 solid; margin-top:5px; margin-bottom:5px; background:none; height:40px; padding-top:10px; color:#CC0033;}
#DivEventos tr td.evento div font{color:#000000; font-size:12px; font-weight:500;}
#DivEventos tr td a{ text-decoration:none; display:block; padding-bottom:2px; padding-top:2px; padding-left:3px; padding-right:5px; /*background:#ffffff;*/ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#039; position:relative;}
#DivEventos tr td a:hover{background:#F3F3F3;}

/*PARA DETALLE NOTICIA*/
#noticia{ font-family:Verdana, Geneva, sans-serif; padding-left: 10px}
#noticia #titulo{ font-size:14px; padding:3px; color:#eeeeee; text-align:center; font-weight:bold;background:#CC0033 url(/m/titulo.png) repeat-x; width:99.5%; float:left;}
#noticia #publicado{ color:#999999; font-size:10px; padding-bottom:3px; padding-top:3px; width:100%; float:left;}
#noticia #resumen{ color:#434343; font-size:10.5px; text-align:justify; padding-bottom:5px; width:100%; float:left;}
#noticia #imagen{ text-align:center; width:100%; float:left; /*height:168px;*/ display:block;}
#noticia #imagen a{ text-decoration:none; border:0px;}
#noticia img{  width:246px; height:138px; text-align:center;-moz-box-shadow: 0px 0px 15px #838383; -webkit-box-shadow: 0px 0px 15px #838383; box-shadow: 0px 0px 15px #838383; padding:8px; margin-top:4px; border:1px #dddddd solid; cursor:pointer;}
#noticia #contenido{ color:#333333;width:100%; float:left; text-align:justify; font-size:12px;}
#noticia #descarga{width:100%; float:left; text-align:center; display:none;}
#noticia #descarga a{ color:#0066CC; text-decoration:none; padding:3px; width:100%; text-align:center; display:block; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
#noticia #descarga a:hover{ background:#333333; color:#FFFFFF}


/*MENU SECUNDARIO PARTE INFERIOR*/
#menuseg{width:100%;text-align:center; margin-bottom:5px; display:inline-block}
#menuseg ul{list-style:none; padding:0px; margin:0px;}
#menuseg ul li{ width:100%; float:left; padding-bottom:0px; padding-top:10px;}
#menuseg ul li a{ text-decoration:none; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-bottom:5px; padding-top:5px; font-weight:700; display:block; background:#CCCCCC url(../Imagenes/inicial.png) repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #555555; position:relative;}
#menuseg ul li a:hover{color:#888888;}
#menuseg ul li a.activa1{ color:#CC0000;}
#menuseg ul li a.activa1:hover{ color:#00A300;}
#menuseg ul li a.activa2{ color:#003399;}
#menuseg ul li a.activa2:hover{ color:#F29800;}
#menuseg ul li a.activa3{ color:#00A300;}
#menuseg ul li a.activa3:hover{ color:#CC0000;}
#menuseg ul li a.activa4{ color:#F29800;}
#menuseg ul li a.activa4:hover{ color:#003399;}
#menuseg ul li a span{ position:absolute; top:2px; right:2px; width:16px; height:28px; background:url(../Imagenes/flecha.gif) no-repeat;}

/*PARA DETALLES DE LAS ESCUELAS O CARRERAS*/
#escuela{width:100%;; display:inline-block}
#escuela #imagen img{ border:0px; float:left;}
#escuela #nombre{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; width:100%; float:left; padding-bottom:5px;}
#escuela #descripcion{width:100%; float:left; color:#555555; padding-bottom:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:justify;}
#escuela #descripcion img{ display:none;}
#escuela #Perspectivas{width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:5px;}
#escuela #grado{width:100%; float:left;}
#escuela #grado h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#004183;}
#escuela #grado h3{ color:#555555; padding-bottom:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:500;}

.Regresar
{ 
    background:url(../Imagenes/regre.png) repeat-x; 
    width:100%; 
    color:#eeeeee;
    font-size:13px; 
    font-weight:700; 
    text-decoration:none;
    margin-top:5px;
    margin-bottom:10px; 
    height: 20px;  
    text-align:center; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

input.submit		
{ 
    width: 14%; height:17px; 
    /*margin-left:45%;*/
    text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:700;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#0280C5; color:#FFFFFF; border:0px;
    -moz-box-shadow: 0px 0px 2px #bbb; -webkit-box-shadow: 0px 0px 2px #bbb; box-shadow: 0px 0px 2px #bbb;
}


.listview 
{
    width:100%;
    text-align:center; 
    margin-bottom:5px; 
    display:block;
    
}

.listview ul
{
    list-style:none; 
    padding:0px; 
    
}

.listview ul li
{ 
    list-style: none;
	padding: 0;
	text-align:left;
	cursor:pointer;
	display:block;
	
	border: 1px solid #bbb;
	background:#F2F2F2; 
	font-weight:bold;
	color: #222;
	text-shadow: 0 1px 0 #fff;

	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	
}

.listview ul li a
{   
    border-top: 0;
	border-color: rgba(255, 255, 255, .3);
	font-size: 16px;
	min-width: .75em;
	padding: .7em 10px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	zoom: 1;
	z-index: 1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	color: #2f3e46;
	text-decoration: none !important;
}

.listview ul li a:hover
{
    color:#888888;
}

.listview ul li p
{
    font-size: 12px;
	font-weight: normal;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px;
	width: 90%;
}

.listview ul li p2
{
    font-size: 12px;
	font-weight: normal;
	display: inline;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px;
}

.listview ul li h3
{
    font-size: 16px;
	font-weight: bold;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px;
}

.listview ul li span2
{
    position: relative;
	font-size: 11px;
	font-weight: bold;
	padding: .2em .5em;
	border: 1px solid #ccc;
	background: #eee;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#f1f1f1) );
	background-image: -webkit-linear-gradient(#fff, #f1f1f1);
	background-image: -moz-linear-gradient(#fff, #f1f1f1);
	background-image: -ms-linear-gradient(#fff, #f1f1f1);
	background-image: -o-linear-gradient(#fff, #f1f1f1);
	background-image: linear-gradient(#fff, #f1f1f1);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}


#content
{   border-width: 0;
	overflow: visible;
	overflow-x: hidden;
	padding: 0px;
	display:inline-block; 
	position:relative; 
	width :100%;
}

.OpcMenu
{
    border: 1px solid #ccc;
	background: #eee;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#f1f1f1) );
	background-image: -webkit-linear-gradient(#fff, #f1f1f1);
	background-image: -moz-linear-gradient(#fff, #f1f1f1);
	background-image: -ms-linear-gradient(#fff, #f1f1f1);
	background-image: -o-linear-gradient(#fff, #f1f1f1);
	background-image: linear-gradient(#fff, #f1f1f1);
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.boton
{
	text-align: center;
	margin: .5em 0;
	padding: 0;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	margin-top: .25em;
	margin-bottom: .25em;
	border: 1px solid #ccc;
	background: #eee;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#f1f1f1) );
	background-image: -webkit-linear-gradient(#fff, #f1f1f1);
	background-image: -moz-linear-gradient(#fff, #f1f1f1);
	background-image: -ms-linear-gradient(#fff, #f1f1f1);
	background-image: -o-linear-gradient(#fff, #f1f1f1);
	background-image: linear-gradient(#fff, #f1f1f1);
	border-top: 1px solid #fff;
	border-color: rgba(255, 255, 255, .3);
	font-size: 14px;
	padding: .6em 20px;
	min-width: .75em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	zoom: 1;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	position: relative;
	z-index: 1;
	
}

.fecha
{
    float: right;
	width: 50%;
	text-align: right;
	margin: .3em 0;
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin: -.5em 0 .6em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cajarpta
{
    width: 90%;
    border: groove 1px #222;
    height: 50px;
}